<style>
    #footer-content-wrapper {
        margin-top: 10px;
    }
</style>
<div class="content-wrapper" id="content-wrapper">
    <div class="content">
        <div class="login-form">
            <form method="POST" action="<?php echo $this->baseUrl() ?>/auth">
                <div id="v-username">Username</div>
                <input type="text" id="username" name="username" class="username" placeholder="Username"/>
                <div style="margin-top: 10px" id="v-password">Password</div>
                <input type="password" id="password" name="password" class="password" placeholder="Password"/>
                <div class="remember">
                    <input type="checkbox"/><span>Remember me</span>                    
                </div>
                <input type="submit" class="submit" value="Login" />
            </form>
            <div style="clear: both;">&nbsp;</div>
        </div>
        <div style="clear: both;">&nbsp;</div>
    </div>
</div>
<script language="javascript">
    function autoResizeDiv()
    {
        $("body").height(window.innerHeight - 35);
        $("#content-wrapper").height(window.innerHeight * 0.8);
    }
    window.onresize = autoResizeDiv;
    autoResizeDiv();
</script>